@CHARSET "utf-8";
*{
    margin:0;padding:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-text-size-adjust:100%;
    -webkit-user-select:none;
    font-weight:normal;
    font-style:normal;
    box-sizing:border-box;
    -webkit-box-sizing:border-box; /* Safari */
    -moz-box-sizing:border-box; /* Firefox */
    -ms-text-size-adjust: 100%;
    -ms-user-select:none;
    user-select:none;
    -webkit-overflow-scrolling: touch;
    cursor:pointer;
}
::-webkit-search-cancel-button { display: none;}
html{font:20px/1.20'Helvetica',Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,p,form,input,button,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6{margin:0;padding:0;overflow-x:hidden;}
p{line-height:1.3;}
ul,li{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea,select{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;}
input,select,textarea{outline:none;border:none;background:none;}
a{text-decoration:none;-WebKit-touch-callout:none;outline:0;cursor:pointer;color:#444444;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none;outline:none}
em,i{font-style:normal;}
li,ol{list-style:none;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
body{margin:0 auto;width:100%;background-color:#ffffff;color:#444444;font-size:0.85rem;text-align:justify; text-justify:auto}
img{border:none;width:100%;vertical-align:middle;}
::-webkit-scrollbar{width: 0;height: 0;}
::-webkit-scrollbar-track {background-color: transparent;} /* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {background-color: transparent;} /* 滑块颜色 */
::-webkit-scrollbar-button {background-color: transparent;} /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner {background-color: transparent;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

/*-------------------------------------------------------------*/
@media screen and (min-width: 320px) {html{font-size:106.6666%;}}
@media screen and (min-width: 360px) {html{font-size:120%;}}
@media screen and (min-width: 375px) {html{font-size:125%;}}
@media screen and (min-width: 384px) {html{font-size:128%;}}
@media screen and (min-width: 400px) {html{font-size:133.3333%;}}
@media screen and (min-width: 412px) {html{font-size:137.333333%;}}
@media screen and (min-width: 414px) {html{font-size:138%;}}
@media screen and (min-width: 440px) {html{font-size:146.6666%;}}
@media screen and (min-width: 480px) {html{font-size:160%;}}
@media screen and (min-width: 520px) {html{font-size:173.3333%;}}
@media screen and (min-width: 560px) {html{font-size:186.6666%;}}
@media screen and (min-width: 600px) {html{font-size:200%;}}
@media screen and (min-width: 640px) {html{font-size:213.3333%;}}
@media screen and (min-width: 680px) {html{font-size:226.6666%;}}
@media screen and (min-width: 720px) {html{font-size:240%;}}
@media screen and (min-width: 760px) {html{font-size:253.3333%;}}
@media screen and (min-width: 800px) {html{font-size:266.6666%;}}
@media screen and (min-width: 1200px) {html{font-size:400%;}}
@media screen and (min-width: 1200px) {html{font-size:426.6666%;}}
html,body{
    width: 100%;
    height: 100%;
}
body{
    background: url("./images/app6-13bg1.png") no-repeat ;
    background-size: 100% 100%;
    position: relative;
}
.Explain{
    width: 17.15rem;
    height: 9.575rem;
    position: absolute;
    background: url("./images/app6-13bg2.png") no-repeat;
    background-size: 100% 100%;
    left: 50%;
    margin-left: -8.575rem;
    bottom: 5.65rem;
}
.Explain ul {
    width: 15.7rem;
    margin: 2.5rem auto 0;
}
.Explain ul li{
    margin: 0.6rem auto;
    font-size: 0.7rem;
    color: #545454;
    line-height: 1.4;
    padding-left: 0.65rem;
    background-image: url("./images/app6-13bg7.png");
    background-repeat: no-repeat;
    background-size: 0.35rem;
    background-position: 0.1rem 0.25rem;
}
.btnBox{
    width: 100%;
    height: 1.8rem;
    position: absolute;
    bottom: 2.7rem;
    left: 0;
}
.btnBox .btn1,.btnBox .btn2{
    width: 6.5rem;
    height: 1.8rem;
    color: #ffffff;
    font-size: 0.8rem;
    position: absolute;
    top: 0;
    line-height: 1.8rem;
    display: block;
    text-align: center;
}
.btnBox .btn1{
    left: 50%;
    margin-left: -7.125rem;
    background: url("./images/app6-13bg5.png") no-repeat;
    background-size: 100% 100%;
}
.btnBox .btn2{
    left: 50%;
    margin-left: 0.625rem;
    background: url("./images/app6-13bg6.png") no-repeat;
    background-size: 100% 100%;
}
.state{
    width: 100%;
    color: #333333;
    font-size: 0.7rem;
    text-align: center;
    line-height: 1rem;
    position: absolute;
    bottom: 1.375rem;
    left: 0;
}
.maxExplainBox {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
}
.maxExplain{
    width: 14.5rem;
    position: absolute;
    top: 6.05rem;
    left: 50%;
    margin-left: -7.25rem;
    background: #ffffff;
    z-index: 5;
}
.maxExplainTil{
    width: 100%;
    height: 2.25rem;
    background: url("./images/app6-13bg3.png") no-repeat;
    background-size: 100% 100%;
    margin-top: -4px;
}
#Explaincls{
    width: 1.375rem;
    height: 1.55rem;
    background: url("./images/app6-13bg4.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -4px;
    right: 1rem;
}
.maxExplain li{
    width: 12.75rem;
    margin: 0.75rem auto;
    font-size: 14px;
    color: #333333;
    line-height: 1.3;
    padding-left: 0.65rem;
    background-image: url("./images/app6-13bg7.png");
    background-repeat: no-repeat;
    background-size: 0.35rem;
    background-position: 0.1rem 0.25rem;
}